{% extends "base.html" %}

{%block body%}

<link href="/data/css/mainpagestyle.css" rel="stylesheet" type="text/css"/>

<div id="doc" class="yui-t5">
  <div id="bd">
    <div id="yui-main">
      <div class="yui-b">
        <div class="yui-g">
          <div class="yui-u first">
            <div class="content">
                <h2>Still not a fighter ?<h2>
                <h3>Sign in now and become hero.</h3>
                <h3>Challenge your friends and conquer the world!</h3>
                <a id="createhero_link" href="/createhero">Sign Up Now</a>
            </div>
          </div>
          <div class="yui-u">
            <div class="content">
                <h1>Welcome!</h1>
                <h3>TwitHero is a RPG/Fighting game based on your social behavior.</h3>
                <h3>Bring all your friends and fight them all!</h3>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="yui-b">
      <div id="secondary">
        <h2>Already a fighter ?</h2>
        <h3>Log in to view your stats and give your next step to become a real
        hero!</h3>
        <div id="hero_login">
        <form action="createhero" method="post">
		<div>
             <input type="text" name="name" class="input-text"></textarea>
             <input type="submit" value="Login">
        </div>
        </form>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}
